<template>
  <el-dialog :title="dialogProps.title" :visible.sync="dialogProps.visible" width='600px'  :fullscreen = 'Global.currentDevice'>
        <el-tabs  >
              <el-tab-pane label="部门信息" name="first"></el-tab-pane>
        </el-tabs>
        <el-form  label-width="140px" align='left'  > 
              <el-form-item label="名称：">{{form.name}}</el-form-item>
              <el-form-item label="电话：">{{form.phone}}</el-form-item>
              <el-form-item label="地址：">{{form.address}}</el-form-item>
              <el-form-item label="负责人："></el-form-item>
              <el-form-item label="上级部门：">
                  {{form.parentName}}
                  <span v-if='form.parentName == null'> -- </span>
              </el-form-item>
              <el-form-item label="部门角色：">
                  <span v-for = 'item in form.roles'>{{item.name}} 、</span>
              </el-form-item>
              <el-form-item label="部门人员："></el-form-item>
              <el-form-item label="总人员："></el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
              <el-button type="primary" @click="dialogProps.visible=false">确 定</el-button>
        </div>
  </el-dialog>
</template>

<script charset="utf-8" type="text/javascript">
export default {
  name: 'CheckUserGroup',
  data() {
    return {
      loading: false,
      //dialogo基本信息  显示隐藏状态  title 
      dialogProps: {
        visible: false,
        action: '',
        title: '查看部门'
      },
      form:{

      }

    }
  },
  created(){
    
    
  },
  methods: {
    
  },
  mounted: function() {
    this.$nextTick(() => {
      this.$on('opencheck', function(data) {
        this.dialogProps.visible = true
        this.form=data
        // console.log(data)
      })
      
    })
  },
  updated(){
    
  },
  components:{
    
  }
}
</script>

<style  scoped>
</style>


